<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta charset="UTF-8" />
    <title>Menu</title>
    <script type="text/javascript" src="../../../lib/js/require.js"></script>
    <script type="text/javascript" src="../../../lib/js/jquery.js"></script>
    <script type="text/javascript" src="../../../lib/js/validate_UI.js"></script>
    <script type="text/javascript" src="../../../lib/js/jq.js"></script>
    <script type="text/javascript" src="../../../lib/js/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/js/dove.js"></script>
    <script type="text/javascript" src="../../../lib/js/webtrends.js"></script>
    <script type="text/javascript" src="menu.js"></script>
    <!-- Link Roboto fonts from Google for local development,
         since Windows does not have these fonts installed.
         The below line should be removed / comment in PROD
    <link href="http://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet" type="text/css" /> -->
	<link rel="stylesheet" href="../../../lib/css/jquery.mobile-1.4.4.min.css" />
    <link href="../../../lib/css/uicsBase.css" rel="stylesheet" type="text/css" />
    <link href="../../../lib/css/uiGreenPacket.css" rel="stylesheet" type="text/css" />
    <link href="../../../lib/css/mylaisee.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <!-- Menu -->
    <div id="menu" role="page" class="page bg-town town-left hidden">
            <div class="ui-header nav-home position-center">
                <a id="btnAbout" role="button" href="javascript:;" class="nav-btn-about"></a>
                <a id="btnAboutIt" role="button" href="javascript:;" class="nav-btn-cloud">${nls.btnAbout}</a>
            </div>
            <div id="sub-page" class="sub-page">
                <div class="ui-logo-green-sun position-center"></div>
                <div class="ui-logo-green-laisee"></div>
                <div class="ui-logo-green-town"></div>
                <div id="swipeShake" class="ui-swipe-logon hidden">${nls.swipeShake}</div>
                <div id="bossMenu" class="ui-menu-buttons hidden">
                    <a id="btnDeliver" role="button" href="javascript:;" class="ui-btn-deliver-sel"></a>
                    <a id="btnCollect" role="button" href="javascript:;" class="ui-btn-collect"></a>
                    <div class="position-absolute">
                        <div class="menu-btn">
                            <a id="btnShake" role="button" href="javascript:;" class="ui-btn-shake"></a>
                            <a id="btnBuzz" role="button" href="javascript:;" class="ui-btn-buzz"></a>
                            <a id="btnMylaisees" role="button" href="javascript:;" class="ui-btn-mylaisees"></a>
                        </div>
                    </div>
                </div>
            </div>
    </div>

    <!-- LogOff -->
    <div id="logoff" role="page" class="page bg-grass hidden">
        <div class="ui-panel-logoff">
            <span class="skyblue">${nls.confirmLogoff}</span>
            <div class="ui-logoff-buttons">
                <a id="btnOKLogoff" role="button" href="javascript:;" class="ui-btn-standard">${nls.yes}</a>
                <a id="btnCancel" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.no}</a>
            </div>
        </div>
    </div>

    <!-- About -->
    <div id="about" role="page" class="page bg-grass hidden">
        <div class="nav-back nav-bg">
            <a id="btnAboutBack" role="button" href="javascript:;" class="nav-btn-back about-home">${nls.home}</a>
        </div>
        <div class="ui-panel-about">
            <div>
                <div class="title">${nls.aboutTitle}</div>
                <div class="desc">${nls.aboutDesc}<br/>${nls.thanksDesc}</div>
            </div>
            <div>
                <div class="title">${nls.powerTitle}</div>
            </div>
            <div class="power-pic"></div>
            <div>&nbsp;</div>
            <div>
                <div class="title">${nls.shareTitle}</div>
            </div>
            <div class="share-pic"></div>
        </div>
        <div class="ui-footer">&copy; ${nls.copyRight}<br />${nls.allRightsReserved}</div>
    </div>
	<div data-role="panel" id="panel_menu" data-position="left" data-display="overlay" style="width: 100%;background-color: rgba(0,0,0,0);display:none">
        <div  id="push_ul" style="" >
            <div style="float: left;width: 85%">
                <ul data-role="listview" style="background-color: #f26647;">
                    <li style="background-color: #f26647;color: #ffffff;padding: 12px 0px 32px 15px;height: 42px;">
                        <div>
                            <div class="push_title"></div>
                        </div>
                        <span style="font-family: Arial;font-size: 12px;font-weight: normal;text-shadow: none">Welcome, <span id="push_username" style="text-shadow: none"></span></span>
                    </li>
                    <li id="push_newsroom" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 52px">
                        <div class="ui-grid-a" style="height:100%;line-height: 52px">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;">
                                <div class="push_newsroom" style="width: 38px;height: 38px;margin-top:7px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;text-shadow: none">Newsroom</span>
                            </div>
                        </div>
                    </li>
                    <li id="push_activities" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 52px">
                        <div class="ui-grid-a" style="height:100%;line-height: 52px;">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;">
                                <div class="push_activities" style="width: 38px;height: 38px;margin-top: 7px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;text-shadow: none">Activities</span>
                            </div>
                        </div>
                    </li>
					<li id="push_AR" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 52px">
                        <div class="ui-grid-a" style="height:100%;line-height: 52px">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;">
                                <div class="push_discovery" style="width: 38px;height: 38px;margin-top:7px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;text-shadow: none">Discovery</span>
                            </div>
                        </div>
                    </li>
					<li id="push_laisee" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 52px">
                        <div class="ui-grid-a" style="height:100%;line-height: 52px">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;">
                                <div class="push_mylaisee" style="width: 38px;height: 38px;margin-top: 7px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;text-shadow: none">Green Laisee</span>
                            </div>
                        </div>
                    </li>
                    <li id="push_setting" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 52px">
                        <div class="ui-grid-a" style="height:100%;line-height: 52px">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;">
                                <div class="push_settings" style="width: 38px;height: 38px;margin-top: 7px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;text-shadow: none">Settings</span>
                            </div>
                        </div>
                    </li>
                    <li id="auto_height" style="background-color: #f26647;color: #ffffff;padding: 25px 0px 25px 0px">

                    </li>
                    <li id="push_logon" style="background-color: #f26647;color: #ffffff;padding: 0px;font-family: Arial;font-size: 16px;font-weight: normal;height: 64px" >
                        <div class="ui-grid-a" style="height:100%;line-height: 52px">
                            <div class="ui-block-a" style="width: 20%;margin: 0 auto;height:100%;display:-webkit-flex;display:flex;">
                                <div class="push_logOff" style="width: 38px;height: 38px;margin-top: 12px"></div>
                            </div>
                            <div class="ui-block-b" style="width: 80%;height:100%;display:-webkit-flex;display:flex;">
                                <span style="font-family: Arial;font-size: 16px;font-weight: normal;line-height: 3;margin:auto 0px;text-shadow: none">Log off</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="push_nees_opacity" style="float: right;width: 15%;background-color: rgba(0,0,0,0.5)">

            </div>
        </div>
    </div>
</body>
</html>